<template>
  <el-dialog
    :visible.sync="visible"
    :before-close="beforeClose"
    :close-on-click-modal="false"
    append-to-body
    title="风险预警详情"
    class="dialog-sm"
    top="30px"
    width="1000px"
  >
    <div class="row">
      <div class="col-8">
        <risk-info :related-id="relatedId"></risk-info>
      </div>
      <div class="col-4">
        <chart-radar></chart-radar>
      </div>
    </div>

    <div class="mt-3">
      <month-quota></month-quota>
    </div>

    <div class="row mb-3">
      <div class="col-6">
        <warning-list></warning-list>
      </div>
      <div class="col-6">
        <business-status></business-status>
      </div>
    </div>

    <div class="row">
      <div class="col-6">
        <tax-panel></tax-panel>
      </div>
      <div class="col-6">
        <accord-list></accord-list>
      </div>
    </div>

    <div class="mt-3">
      <loan-history></loan-history>
    </div>
  </el-dialog>
</template>
<script>
import RiskInfo from '@/bigbank/views/index/risk/RiskInfo.vue'
import ChartRadar from '@/bigbank/views/index/risk/ChartRadar.vue'
import MonthQuota from '@/bigbank/views/index/risk/MonthQuota.vue'
import WarningList from '@/bigbank/views/index/risk/WarningList.vue'
import BusinessStatus from '@/bigbank/views/index/risk/BusinessStatus.vue'
import TaxPanel from '@/bigbank/views/index/risk/TaxPanel.vue'
import AccordList from '@/bigbank/views/index/risk/AccordList.vue'
import LoanHistory from '@/bigbank/views/index/risk/LoanHistory.vue'

export default {
  components: {
    RiskInfo,
    ChartRadar,
    MonthQuota,
    WarningList,
    AccordList,
    BusinessStatus,
    TaxPanel,
    LoanHistory,
  },
  props: {
    visible: Boolean,
    relatedId: String,
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>
<style lang="scss" scoped></style>
